<ul id="PsnTabId" class="nav nav-tabs" role="tablist" style="clear:both;margin:20px 0 10px;">
    <li class="active">
        <a data-target="#drillInfo" id="drillInfolab" role="tab" data-toggle="tab">Y02成孔信息</a>
    </li>
    <li>
        <a data-target="#lithology" id="lithologylab" role="tab" data-toggle="tab">Y04地层岩性分布</a>
    </li>
    <li>
        <a data-target="#standardPenetration" id="standardPenetrationlab" role="tab" data-toggle="tab">Y05标贯值</a>
    </li>
    <li>
        <a data-target="#shearWave" id="shearWavelab" role="tab" data-toggle="tab">Y06剪切波实测值</a>
    </li>
    <li>
        <a data-target="#soilDynamic" id="soilDynamiclab" role="tab" data-toggle="tab">Y08土动力试验参数</a>
    </li>
    <li>
        <a data-target="#siteCategory" id="siteCategorylab" role="tab" data-toggle="tab">Y18场地类别</a>
    </li>
</ul>    

<div class="tab-content">
    <div id="drillInfo" class="tab-pane active">
    	<div class="tab-header">
	    	<div class="title">
		        <i class="fa fa-bars"></i><span>Y02成孔信息</span>
		    </div>
		    <div class="tool">
		        <button id="checkPass" class="btn btn-success"><i class="fa fa-check"></i>质检通过</button>
        		<button id="checkNoPass" class="btn btn-danger"><i class="fa fa-times"></i>质检不通过</button>
		    </div>
		</div>
	    <div class="single-panel">
	        <form id="qhDrillForm" class="form-horizontal" >
	        	<fieldset>
			        <div class="row">
			        	<div class="col-md-12 form-horizontal" id="commentsArea">
			                <div class="form-group">
			                    <label class="col-md-2 control-label" for="qualityOpinion">质检意见</label>
			                    <div class="col-md-10">
			                        <textarea rows="3" class="form-control" id="qualityOpinion" name="qualityOpinion" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillSynthesizeCode"><span class="requird">*</span>钻孔综合编号 <i class="fa fa-question-circle" title="钻孔综合编号由“县级行政区划代码”+“勘测孔序号”组成。
县级行政区划代码可在行政辖区地方政府或管理部门获得，编码由6位阿拉伯数字组成。
本辖区钻孔总序号共6位，由两位英文大写字母“PK”和4位数字组成，不能缩短或增加，自PK0001开始，依次顺延。具体数字由工作组按工作成果顺序自行确定，但序号的顺序不能有跳跃。
示例：钻孔编号“130633PK0001”，其中130633是河北省保定市易县的县级行政区划代码，PK0001是场地地震工程地质条件调查工作中本县辖区内第1个钻孔。
其中：钻孔勘测综合编号：XXXXXXPK0XXX；地勘孔综合编号：XXXXXXSK0XXX"></i></label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillSynthesizeCode" name="drillSynthesizeCode" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillDependProject"><span class="requird">*</span>钻孔依托的项目</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillDependProject" name="drillDependProject" value="全国地震灾害风险普查" readonly/>
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="projectCompleteInstitution"><span class="requird">*</span>项目完成单位</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="projectCompleteInstitution" name="projectCompleteInstitution" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="projectCompleteDate"><span class="requird">*</span>项目完成时间</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="projectCompleteDate" name="projectCompleteDate" readonly/>
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="projectPrincipal"><span class="requird">*</span>项目负责人</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="projectPrincipal" name="projectPrincipal" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillConstructionInstitution"><span class="requird">*</span>钻孔勘察单位</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillConstructionInstitution" name="drillConstructionInstitution" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillConstructionPrincipal"><span class="requird">*</span>钻孔勘察负责人</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillConstructionPrincipal" name="drillConstructionPrincipal" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="constructionStartDate"><span class="requird">*</span>勘察施工日期</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="constructionStartDate" name="constructionStartDate" readonly/>
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="constructionReportDate"><span class="requird">*</span>勘察报告日期</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="constructionReportDate" name="constructionReportDate" readonly/>
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillCode"><span class="requird">*</span>钻孔编号</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillCode" name="drillCode" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillX">孔口记录坐标X轴</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillX" name="drillX" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillY">孔口记录坐标Y轴</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillY" name="drillY" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="longitude"><span class="requird">*</span>孔位经度（°）<i class="fa fa-question-circle" title="73.0000~136.0000之间，小数点后保留至少4位"></i></label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="longitude" name="longitude" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="latitude"><span class="requird">*</span>孔位纬度（°）<i class="fa fa-question-circle" title="5.0000~54.0000之间，小数点后保留至少4位"></i></label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="latitude" name="latitude" />
			                    </div>
			                </div>
			            </div>
			                        <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillDepth"><span class="requird">*</span>钻孔深度（m）</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="drillDepth" name="drillDepth" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="elevation"><span class="requird">*</span>地面高程（m）</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="elevation" name="elevation" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="stableWaterDepth">稳定水位深度（m）</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="stableWaterDepth" name="stableWaterDepth" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="coordinatesDeclare">坐标系说明</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="coordinatesDeclare" name="coordinatesDeclare" />
			                    </div>
			                </div>
			            </div>
			                        <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="elevationDeclare">高程系说明</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="elevationDeclare" name="elevationDeclare" />
			                    </div>
			                </div>
			            </div>
			            
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="province"><span class="requird">*</span>钻孔所在省级行政区</label>
			                    <div class="col-md-8">
			                        <select class="form-control" id="province" name="province" >
			                        	<option value="" disabled selected style='display:none;'>请选择</option>
					                </select>
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="city"><span class="requird">*</span>钻孔所在地市级行政区</label>
			                    <div class="col-md-8">
			                        <select class="form-control" id="city" name="city" >
			                        	<option value="" disabled selected style='display:none;'>请选择</option>
					                </select>
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="area"><span class="requird">*</span>钻孔所在县级行政区</label>
			                    <div class="col-md-8">
			                    	<select class="form-control" id="area" name="area" >
			                        	<option value="" disabled selected style='display:none;'>请选择</option>
					                </select>
			                        
			                    </div>
			                </div>
			            </div>
						<div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="village"><span class="requird">*</span>钻孔所在乡级行政区</label>
			                    <div class="col-md-8">
			                        <input type="text" class="form-control" id="village" name="village" />
			                    </div>
			                </div>
			           </div>
			            <div class="col-md-6 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-4 control-label" for="drillRemark">钻孔说明备注</label>
			                    <div class="col-md-8">
			                        <textarea rows="3" class="form-control" id="drillRemark" name="drillRemark" />
			                    </div>
			                </div>
			            </div>
			            <div class="col-md-12 form-horizontal">
			                <div class="form-group">
			                    <label class="col-md-2 control-label" for="accessory"><span class="requird">*</span>附件</label>
			                    <div class="col-md-10" id="multiFileUpload">
			                    	<div class="requird">补充孔：上传附件为【（补 充钻孔勘测_附报告 1）钻孔勘察报告】和【（补充钻孔勘测_ 附报告 2）土动力参数试验报告】，收集孔：上传的是工程勘察报告，不需要动三轴报告。建议压缩成zip包再进行上传。</div>
			                        <input type="hidden" class="form-control" id="accessory" name="accessory" />
			                    </div>
			                </div>
			            </div>
	                    
			            <input type="hidden" id="id" name="id" />
			            <input type="hidden" id="isValid" name="isValid" />
			            <input type="hidden" id="dataState" name="dataState" />
			            <!--<input type="hidden" id="createTime" name="createTime" />
			            <input type="hidden" id="createUser" name="createUser" />
			            <input type="hidden" id="updateUser" name="updateUser" />
			            <input type="hidden" id="updateTime" name="updateTime" />-->
			        </div>
		        </fieldset>
		    </form>
		</div>
    </div>
    <div class="tab-pane" id="lithology">
        <div id="lithologyGrid" style="height: 515px"></div>
    </div>
    <div class="tab-pane" id="standardPenetration">
        <div id="standardPenetrationGrid" style="height: 515px"></div>
    </div>
    <div class="tab-pane" id="shearWave">
        <div id="shearWaveGrid" style="height: 515px"></div>
    </div>
    <div class="tab-pane" id="soilDynamic">
        <div id="soilDynamicGrid" style="height: 515px"></div>
    </div>
    <div class="tab-pane" id="siteCategory">
        <div id="siteCategoryGrid" style="height: 515px"></div>
    </div>
</div>    

